<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="Description" Content="申振升的个人博客网站">
  <meta name="Keywords" Content="申振升"/>  
  <title>轮播图</title>
  <link  rel="stylesheet" href="../../index.css"/>
  <link  rel="stylesheet" href="css/roundPage.css"/>
</head>
<body>
<div id="MyExample"><div id="Moule">
    <div class="FontCenter">模具设计与制造</div>
    <ul class="example">
        <li><a href="https://memorykill.github.io/example/FeFe3c/index.html">铁碳合金相图</a></li>
    </ul>
  </div>

  <div id="Web">
      <div class="FontCenter">前端设计师</div>
      <ul class="example">
          <li><a href="https://memorykill.github.io/example/roundPage/index.html">轮播图</a></li>
          <li><a href="https://memorykill.github.io/example/picRuler/index.html">像素尺</a></li>
      </ul>
</div></div> 

<div class="content">
  <div><h2>前端设计</h2></div>      
  <h3>网页组件</h3> 
  <p>轮播图</p>
</div>
  
<div class="ppt">		
    <div class="pptImg">	
      <div class="on"><img src="pic/1.jpg"/></div>	
      <div><img src="pic/2.jpg"/></div>
      <div><img src="pic/3.jpg"/></div>
      <div><img src="pic/4.jpg"/></div>
      <div><img src="pic/5.jpg"/></div>
    </div>		
    <div class="pptBtn">			
      <div>&lt;</div>
      <div class="btn-right">&gt;</div>
    </div>
</div>

<script src="js/roundPage.js"></script>
</body>
</html>
